@CHARSET "ISO-8859-1";

/*
ORANGE
.primary-1 { background-color: #FD9E14 } primary
.primary-2 { background-color: #BE883B } dark
.primary-3 { background-color: #A46407 } darker
.primary-4 { background-color: #FEB852 } light
.primary-5 { background-color: #FECC83 } lighter

yellow
.secondary-a-1 { background-color: #FDC514 }
.secondary-a-2 { background-color: #BE9E3B }
.secondary-a-3 { background-color: #A47F07 }
.secondary-a-4 { background-color: #FED552 }
.secondary-a-5 { background-color: #FEE183 }

blue
.secondary-b-1 { background-color: #2B25B1 }
.secondary-b-2 { background-color: #393684 }
.secondary-b-3 { background-color: #100C73 }
.secondary-b-4 { background-color: #605CDA }
.secondary-b-5 { background-color: #8380DA }

blue green
.complement-1 { background-color: #185FA4 }
.complement-2 { background-color: #2C547B }
.complement-3 { background-color: #083A6B }
.complement-4 { background-color: #4F93D4 }
.complement-5 { background-color: #75A6D4 }

*/

/* GLOBAL */
body {
	font-family: Arial,sans-serif;
	background-color: #FEE183;
	width: 800px;
	margin: 10px auto 10px auto;
	min-height: 400px;
	padding: 0;
	font-size: 0;
}


/* HEADER */
header {
	background-color: #FEB852;
	font-size: small;
	padding: 10px 5px 10px 5px;
}

/* MENU */
nav {
	background-color: #75A6D4;
	width: 20%;
	display: inline-block;
	vertical-align: top;
	font-size: medium;
}

/* CONTENT */
section#content {
	background-color: white;
	display: inline-block;
	vertical-align: top;
	width: 80%;
	min-height: 400px;
	font-size: medium;
}


/* FOOTER */
footer {
	background-color: #BE883B;
	font-size: medium;
	display: inline-block;
	width: 100%;
}